<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>教育局操作系统</title>
		<link rel="stylesheet" type="text/css" href="plugin/layui/css/layui.css" />
		<link rel="stylesheet" href="plugin/font-awesome/css/font-awesome.min.css" media="all" />
		<link rel="stylesheet" href="src/lvdong/css/app.css" media="all" />
		<link rel="stylesheet" href="src/lvdong/css/themes/default.css" media="all" id="skin" kit-skin />
		<script src="plugin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body class="kit-theme">
		<div class="layui-layout layui-layout-admin kit-layout-admin">
			<div class="layui-header">
				<div class="layui-logo">教育局操作系统</div>
				<div class="layui-logo kit-logo-mobile"></div>
				<ul class="layui-nav layui-layout-left kit-nav">
					<li class="layui-nav-item"><a href="javascript:;">控制台</a></li>
					<li class="layui-nav-item">
						<a href="javascript:;">其它系统</a>
						<dl class="layui-nav-child">
							<dd><a href="javascript:;">邮件管理</a></dd>
							<dd><a href="javascript:;">消息管理</a></dd>
							<dd><a href="javascript:;">授权管理</a></dd>
						</dl>
					</li>
				</ul>
				<ul class="layui-nav layui-layout-right kit-nav">
					<li class="layui-nav-item">
						<a href="javascript:;">
							<i class="layui-icon">&#xe63f;</i> 皮肤
						</a>
						<dl class="layui-nav-child skin">
							<dd><a href="javascript:;" data-skin="default" style="color:#393D49;"><i class="layui-icon">&#xe658;</i> 默认</a></dd>
							<dd><a href="javascript:;" data-skin="orange" style="color:#ff6700;"><i class="layui-icon">&#xe658;</i> 橘子橙</a></dd>
							<dd><a href="javascript:;" data-skin="green" style="color:#00a65a;"><i class="layui-icon">&#xe658;</i> 原谅绿</a></dd>
							<dd><a href="javascript:;" data-skin="pink" style="color:#FA6086;"><i class="layui-icon">&#xe658;</i> 少女粉</a></dd>
							<dd><a href="javascript:;" data-skin="blue.1" style="color:#00c0ef;"><i class="layui-icon">&#xe658;</i> 天空蓝</a></dd>
							<dd><a href="javascript:;" data-skin="red" style="color:#dd4b39;"><i class="layui-icon">&#xe658;</i> 枫叶红</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;">
							<img src="http://m.zhengjinfan.cn/images/0.jpg" class="layui-nav-img"> Van
						</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="javascript:;" kit-target data-options="{url:'basic.html',icon:'&#xe658;',title:'基本资料',id:'966'}"><span>基本资料</span></a>
							</dd>
							<dd>
								<a href="javascript:;">安全设置</a>
							</dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a href="login.html"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a>
					</li>
				</ul>
			</div>

			<div class="layui-side layui-bg-black kit-side">
				<div class="layui-side-scroll">
					<div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
						<li class="layui-nav-item layui-nav-itemed">
							<a class="" href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span>选择操作</span></a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;" kit-target data-url="page/addschool.html" data-title="创建学校">
										<i class="layui-icon">&#xe6c6;</i><span> 学校账号管理</span></a>
								</dd>
								<dd>
									<a href="javascript:;" data-url="page/addsleader.html" data-icon="fa-user" kit-target data-id='2' data-title="创建校长"><i
										 class="fa fa-user" aria-hidden="true"></i><span> 校长账号管理</span></a>
								</dd>
								<dd>
									<a href="javascript:;" data-url="page/paperup.html" data-icon="&#xe614;" data-title="试卷上传" kit-target data-id='4'><i
										 class="layui-icon">&#xe614;</i><span> 试卷上传</span></a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item layui-nav-itemed">
							<a class="" href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span>数据统计</span></a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;" data-url="page/score.html" data-icon="fa-user" kit-target data-id='5' data-title="成绩分布"><i
											class="fa fa-user" aria-hidden="true"></i><span> 成绩分布</span></a>
								</dd>
								<dd>
									<a href="javascript:;" data-url="page/further.html" data-icon="&#xe628;" data-title="升学统计" kit-target data-id='3'><i
											class="layui-icon">&#xe628;</i><span> 升学统计</span></a>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>

			<div class="layui-body" id="container">
				<!-- 内容主体区域 -->
				<div style="padding: 15px;"><i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop">&#xe63e;</i> 请稍等...</div>
			</div>

			<div class="layui-footer">
				<!-- 底部固定区域 -->
				2020 &copy;
				<a href="http://kit.zhengjinfan.cn/">www.woniuxy.com/</a> MIT license
			</div>
		</div>

		<script>
			var message;
			layui.config({
				base: 'src/lvdong/js/',
				version: '1.0.1'
			}).use(['app', 'message'], function() {
				var app = layui.app,
					$ = layui.jquery,
					layer = layui.layer;
				//将message设置为全局以便子页面调用
				message = layui.message;
				//主入口
				app.set({
					type: 'iframe'
				}).init();
				$('#pay').on('click', function() {
					layer.open({
						title: false,
						type: 1,
						content: '<img src="/src/images/pay.png" />',
						area: ['500px', '250px'],
						shadeClose: true
					});
				});
				$('dl.skin > dd').on('click', function() {
					var $that = $(this);
					var skin = $that.children('a').data('skin');
					switchSkin(skin);
				});
				var setSkin = function(value) {
						layui.data('kit_skin', {
							key: 'skin',
							value: value
						});
					},
					getSkinName = function() {
						return layui.data('kit_skin').skin;
					},
					switchSkin = function(value) {
						var _target = $('link[kit-skin]')[0];
						_target.href = _target.href.substring(0, _target.href.lastIndexOf('/') + 1) + value + _target.href.substring(
							_target.href.lastIndexOf('.'));
						setSkin(value);

					},
					initSkin = function() {
						var skin = getSkinName();
						switchSkin(skin === undefined ? 'default' : skin);
					}();
			});
		</script>
	</body>
</html>
